@import (reference) "base.less";
body{font-size: 16px;}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1478486583578'); /* IE9*/
  src: url('iconfont.eot?t=1478486583578#iefix') format('embedded-opentype'), 
  url('iconfont.woff?t=1478486583578') format('woff'), 
  url('iconfont.ttf?t=1478486583578') format('truetype'), 
  url('iconfont.svg?t=1478486583578#iconfont') format('svg');
}
.bg-tm { background: rgba(0, 0, 0, 0.8)}
.iconfont {
  font-family:"iconfont" !important;
  font-size:24px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.color-orange{color:#c38039; }
.pao-blue { color: #395570; }
.icon-dating:before { content: "\e611"; }

.icon-zhuye:before { content: "\e612"; }

.icon-wode:before { content: "\e613"; }

.icon-paihangbang:before { content: "\e614"; }

.bg-tm {
  background: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; z-index: 11;top:0; left:0;display: none;
  span{
		background: url(../images/icon/ios2.ico) no-repeat center center;  background-size: 40px 40px;
		-moz-animation:rotate 2s ease infinite;
		-webkit-animation:rotate 2s ease infinite;
		animation:rotate 2s ease infinite;
  }
  @keyframes rotate{
	0%{ -webkit-transform:rotate(0deg);}
		100%{-webkit-transform:rotate(-360deg);}
	}
}
button {
 	background: none; .color-blue; border: none;outline: none;
 	.roundedCorners(@radius:5px);
}
.bai50{width: 50% !important;}
.pb60 {padding-bottom: 60px; }
.club-blue { background: #c5dff3;}
.club-pink { background: #f0cdd6;}
.club-yellow { background: #f5dd95;}
.club-green { background: #cdecba;}
.club-violet { background: #dad8f1;} 
.club-blueq {background: #e1faff; color:#3bb7d9;}
.club-orange {background: #ffe2dd; color: #ff8269; }
.club-bg { background: url(../images/bg/clubbg.jpg) no-repeat top center; background-size:100% 100%; }
.trophy{
 .dib; background: url(../images/icon/club-gold.png) no-repeat; width: 40px; height: 50px; 
	background-size: 30px auto;.pa; right: 10px; bottom:-10px;
  }
.rounde16 {.roundedCorners(@radius:16px);}
.stop {background:#f5f7fa; color: #dadad8;.ac; height: 35px; line-height: 35px;  }
.news {
		background: url(../images/icon/news.png) no-repeat; width: 55px; height: 42px; 
		background-size: 100% 100%; position: fixed;top:10px; right:0px; transform:scale(0.5);
		i{.pa;width:16px; height:16px; .roundedCorners(@radius:8px);top: -5px; right: 0px;background:#e53816; }
	 }
// 止步预选赛分割线
.examine {
		 .pa; padding:3px 7px; color:#fff; font-size: 14px;background: #256eaf; color: #fff;
		 right:0px; bottom: 10px; .roundedCorners(@radius:3px);
		}
// 查看详情按钮
.blue-line {
	.pr;padding: 10px 10px 10px 20px;
	&:before{.pc; width: 3px; height: 20px; background: #30c3ea; left:10px;}
}
.color-yellow {color:#ffd71c; }

.paome{ 
	.ac;background: url(../images/bg/paome.jpg) no-repeat center top #080425;
	background-size:100% auto;
	img{ width: 40%; .mt10; }//跑么杯图片
	.flag {
		.dib; width: 30px; height:30px; background: url(../images/icon/flag.png) no-repeat;
		background-size:100% 100%; .vm;
	}
	// 进行中的旗子
	.ing {font-size: 16px; color: #fff; font-weight: bold; height: 35px; line-height: 35px; }
	// 进行中样式
	.time-list {
		.pr;width:70%; margin: 10px auto; color: #fff;font-size: 13px; padding-left: 10px; 
		border-image: -webkit-linear-gradient(#ff2f8d,#5392fa) 0 0 0 2;
		border-style: solid;
		border-width: 0 0 0 2px;

		li{
			.roundedCorners(@radius:5px);padding:2px 5px;.mt10;.pr;
			&:before { 
				.pc;width:13px; height:13px; .roundedCorners(@radius:7px); 
				background:#2f2550; border:2px solid #557ddc; height:11px; width:11px;
			}
		}
		.on{
			&:before{background:#ff2f8d; }
		}
		li:first-child{
			.shade-linear(@left:#ff2f8d,@right:#5392fa);
			&:before{left: -18px; top:3px; }
		}
		li:last-child{
			.shade-linear(@left:#5392fa,@right:#ff2f8d);
			&:before{left: -19px;bottom: 0;}

		}
	}
	// 赛事时间显示方式
	.pao-bar{
		background:#577fe4;.pr; height:3px; margin-top:32px ;
		 
		p{
		    background:#ff2f8d;
		    .pa; height:100%; top: 0; left: 0;
		    background-size:auto 100% ;
		    }
		span {
			width:10px; height:10px; border-radius:50%; .pa; background:#577fe4;top:-3px; z-index:3;
			&:before{.pc; top: -20px; left:-26px; width:65px;height: 15px;font-size: 11px; color: #567bde;}
			i{.dn;}
		}
		span.color-pink {
			background:#ff2f8d; 
			&:before{color: #ff2f8d;}
		}
		span.pink{
			background:#ff2f8d;width:20px; height:20px;top: -8px;
			&:before {color:#ff2f8d;left: -22px;top: -16px;}
			i{.scale(@scale:0.4); margin: -5px 0 0 -5px;.db; }
		} 
		span:nth-child(1){
		 left:15%;
		 &:before {content: "第一轮";} 
		}
		span:nth-child(2){ 
			left:50%; 
			&:before {content: "第二轮";} 
		}
		span:nth-child(3){ 
			right:15%; 
			&:before {content: "冠军争霸赛";} 
		}
	}
	// 赛事进度条
	.expalin-list {
		.al; font-size: 12px; color: #fff; line-height:18px;.m10;
		li {
			.ml15;.pr; 
			&:before { 
				.pc; width: 8px; height: 8px;.roundedCorners(@radius:50%); 
				background: #fff;left: -15px;top: 3px;
			}
		}
	}
	// 说明
	.getof {
		.al; font-size: 14px;.m10;line-height: 23px;.pr;color: #fff;.pl10;.pb10;
		b{ font-weight: bold;font-size: 14px;}
	}
} 
// 未参加end
.cs-rank {
	background:#fff;
	.cs-logo {width: 48px;height: 48px; .db; margin: 0 5px;}
	.contrast{.db;.ac; font-size: 9px;.pa;width:60px; left:10px; top: 10px;}
	.contrast.up {color:#f11b36; }
	.contrast.down{color:#4da924; }

	b{.db; font-size: 16px;color: #4f4f4f; }
	li {
		padding:10px 10px 80px 70px;.dis-b; .pr;
		.box-align(@align:center,@vertical:center); font-size: 14px; 

	}
	.me-num {
		padding:10px 10px 60px 70px;overflow: hidden;;
	}
	dl{.flex(@part:1);.pl10;}
	dt { font-size: 16px; color: #4f4f4f; margin-bottom: 5px; }
	dd {
		.dis-b;
		span { .db; .flex(@part:1);font-size: 13px; color: #adadb3;.ac; }
		b{font-size: 13px;color: #4f4f4f;margin-top: 5px; }
	}
	.nome{
		.pa; left:80px; bottom: 0;border-top: 1px solid #e1e2e3;.dis-b;.p10;
		img {width: 32px; height: 32px;.db; }
		p{.flex(@part:1);.pl10; }
	}
	.me { 
		.pa; left: 0; bottom: 0; padding:5px 10px;  
		&:before { .pc; width:100%; height: 0; border-top:1px solid #abb5c4; left:70px; top:-3px;}
	}
}
// 跑么杯首页 排行
.me-club-star {
	.pr;
	span {
		.pa; width: 40%; .roundedCorners(@radius:0 10px 10px 0); font-size: 11px;.ac;
		height: 20px; line-height: 20px; background: #f3f3f4; left: 0; top: 0;
	}
	div {padding:30px 10px 10px;}
	img{ width: 48px; height: 48px; }
	.user-data {.roundedCorners(@radius:24px);.dib; .vm;  }
	a {position: absolute; right: 10px; bottom: 10px;}
	p { .dib; .vm; }
}
// 跑么杯首页明星成员
// 跑么杯首页end
.round-blue {
	width: 70%;height: 44px; line-height: 44px; .ac;.db;margin: 10px auto;
	font-size: 17px; .roundedCorners(@radius:22px);background:#22c5e5;color: #fff;
}
.round-blue.hover{background:#6adcf3;}
#found-cs {margin: 0 auto;}
// 创建俱乐部按钮
.homenav {
	height: 50px; .dis-b;.box-align(@align:center,@vertical:center);position: fixed;bottom: 0;
	background: #f5f7fa; border: 1px solid #e1e2e3;left: 0;width: 100%; 
	a{ 
		.flex(@part:1);color: #929292;.db;.ac; font-size: 10px;
	}
	a.on {
		color: #3bb7d9;	}
	i{
		.db;width:28px; height:24px; 
		margin: 2px auto;.pr;
	}
	sub { .pa; color: red;top:-2px;right: -5px; font-size: 10px; }


}
// 导航条end
// 俱乐部详情star
.gray-nav { 
	.dis-b;background: #f5f7fa; .f16;.pr; z-index: 9;
	border-top:1px solid #e1e2e3;
	border-bottom:1px solid #e1e2e3;
	a {
		.flex(@part:1);.color_gray;.db;.ac; line-height:35px; 
		&.on { .color-blue; border-bottom: 2px solid #30c3ea; }
	}
}
// 灰色导航

.club-sign {
	.p10; .dis-b;.f16; .box-align(@align:left,@vertical:center);

	img {width:60px;height: 60px;}
	p{.flex(@part:1); .al;margin: 0 10px; line-height: 26px;}
	a{
		width:70px; line-height: 30px;.f14;.color-blue; border: 1px solid #30c3ea;.dib;.ac;
		.roundedCorners(@radius:3px);
	}
}
// 俱乐部标签
.club-data {
	dt:first-child{border-top: none;}
	dt {
		.pr; .line-gray-top(@num:10px); padding-left: 15px;font-size: 16px;
		&:before{.pc; width: 3px; height: 20px; background: #30c3ea; left: 5px;}
		span{ .fr; color: #adadb3;}
	}
	.data-all { 
		.dis-b;padding:10px 0;
		span{.flex(@part:1);.db;margin: 5px; .ac;color: #adadb3; font-size: 12px; line-height:23px;}
		b{.db;color: #4f4f4f;font-size: 20px;}
		span.color-blue,span.color-blue b { color:#3BB7D9;}
	}
	.addup {
		.pr;
		&:before {.pa;.db; content: " 排名 ";background: #fff;left: 10px; top:-8px;font-size: 12px;color:#adadb3;}
		&:after {.pa;.db; content: " 今日跑量 ";background: #fff;right: 10px; top:-8px;font-size: 12px; color:#adadb3;}
	}
	.addrq {
		.pr;
		&:after {.pa;.db; content: " 累计人气 ";background: #fff;right: 10px; top:-8px;font-size: 12px; color:#adadb3;}
	}
	.add-moods {
		.pr;
		&:after {
			.pa;.db; content: " 累计人气 ";background: #fff;right: 10px; 
			top:-8px;font-size: 12px; color:#adadb3;
		}
	}
	.colonel {
		height: 30px; .pr; margin-bottom:-10px; border-top:1px solid #dadad8;padding: 10px 0; 
		span{ 
			.pa; background: #30c3ea;  .roundedCorners(@radius:20px); left: -10px;
			 padding: 3px 20px 3px 30px;color: #fff;line-height: 21px;
		}
		a{
		 .pa; padding:1px 8px; border: 1px solid #30c3ea; .roundedCorners(@radius:3px);
		 color: #30c3ea; right: 10px;
		}

	}
}

.data-show {
	ul{.pr;}
	.pr; border-top:1px solid #adadb3; 
	li{
		border-bottom: 1px solid #dadad8;.ml10; .dis-b;padding:10px 10px 10px 0;
		.box-align(@align:left,@vertical:center);
	}
	.days {
		width:35px;color: #4f4f4f;font-size: 15px;.db;
		b{font-size: 14px; font-weight: 800;display: inline-block;}
	}
	img{width: 40px; height: 40px; .roundedCorners(@radius:20px);margin-left: 5px;.db;}
	p{.flex(@part:2); margin: 0 5px;line-height: 20px; .al;min-width: 118px;.db;}
	.km {
		.flex(@part:1);.ar;min-width: 50px;.db;line-height: 20px;
		small {.db; font-weight: normal; font-size: 12px;}
	}
}
// 俱乐部数据展示
.paome-rank {
	background:#fff;
	img {width: 28px;height: 28px; .db; margin: 0 5px;}
	span{.db; font-size: 13px;.pr;.ac;}
	span.up {color:#f11b36; }
	span.down{color:#4da924; }
	span:first-child{width: 40px;}
	b{.db; font-size: 16px;color: #4f4f4f; }
	li {
		padding:15px 10px;.line-tgray;
		font-size: 13px; color: #929292;
	}
	p {.flex(@part:1);.pr;.omit; width: 10%;}
	.me {
		background: #e8f9fc;border-bottom: 1px solid #d4f4fa;border-top: 1px solid #d4f4fa;
		margin-bottom: -1px;position: relative;
		ol li {
			background: #d4f4fa;border: none;color: #6ad3e6;display: block; text-align: center;
			span{font-size: 9px;}
			span:first-child{background: #b0ebf6;color: #fff;}
			span:nth-child(2),
			span:nth-child(3),
			span:nth-child(4){display: inline-block;.vm; .ac;}
			span:nth-child(2){width: 22%}
			span:nth-child(3){width: 22%}
			span:nth-child(4){width: 53%}
		}
	}
	li:first-child span,li:first-child p{font-size: 11px}
	// li:first-child{.line-tgray;.dis-b; .box-align(@align:center,@vertical:center); }
	li:first-child,ol li,div{
	.dis-b; .box-align(@align:center,@vertical:center); 
	}
	div{ width: 100%;border: none;.mb10;}
	ol {
		li{
			display: block; text-align: left;
			font-size: 9px; color: #929292;background: #f5f7fa;.roundedCorners(@radius:15px);
			padding:0 0 0 55px; margin-left: 40px;.pr;.mt5;border: none;height:26px;line-height: 26px;
			span:first-child{
				width: 50px;.pa; left: 0;.ac;background: #e1e2e3;.roundedCorners(@radius:15px 0 0 15px;);
				height: 100%; top: 0;line-height: 27px;
			}

			span:nth-child(2),
			span:nth-child(3),
			span:nth-child(4){display: inline-block;.vm; .ac;}
			span:nth-child(2){width: 22%}
			span:nth-child(3){width: 22%}
			span:nth-child(4){width: 53%}
		}
		li:first-child span{font-size: 9px}
		li:first-child {display: block; text-align: left;}
	}
	.jf{ width: 85px; .ac;}
}
.integral {
	li span{width:12%;.db;}
	li p{.flex(@part:1);color: #929292;}
	li:first-child p{.flex(@part:2);.ml5;}
	li:first-child span:first-child{width: 40px;}
	li span:last-child{width: 17%;}
	li{ .line-tgray;.dis-b; .box-align(@align:center,@vertical:center); }
	// li:first-child span:nth-of-type(2){width: 40px;}

}
.mileage-title { 
	span:first-child { padding-left:64px; }
}
.member-title {
	.dis-b; .box-align(@align:center,@vertical:center);
}


// 跑么杯联赛实时榜
.search { 
	background:#e4e4e4;font-size: 15px;.ac;.pr; z-index: 9;color: #e4e4e4;.p10;
	a{ 
		width: 100%; height:40px; line-height: 40px; outline: none; .ac;border: 1px solid #e4e4e4;
		.roundedCorners(@radius:5px);.db; background: #fff;.pr;overflow: hidden;
	}
	img{ .dib;.vm; width: 15px; height: 15px; margin:0 10px; }
	span {.dib; .vm;}
	.fr{ display: none;.color-blue; }
	.on { 
		.fr{ display: block; .mr10; .pa; right: 0; line-height: 42px;top: 0;}
		.al;
		input{width: 80%;}
	}
	input { outline: none; height:38px; line-height: 38px; width:98px;}
}
// 搜索框
.sort {
	.pt10;.lh23;
	p{
		.dis-b;justify-content:space-between;.ac;font-size: 12px; .color_gray;
		.box-align(@align:center,@vertical:center);
	}
	button { font-size: 14px;.color_dakgray;.flex(@part:1);.db;}
	button.on {.color-blue; }
	// button:last-child{.color-blue; }
}
// 排序状态
.club-list {
	background: #fff; 
	li{ .pr; padding: 40px 100px 50px 70px;.line-gray-bottom(@num:5px); }
	.line-gray-top(@num:1px);
	.club-img{ height: 50px; width: 50px;.pa; left: 10px; top:40px; }
	ol{ 
		margin-top: 5px;
		li {padding:0;border: none;}
	}
	div{ 
		.pa; right: 10px; top:10px; width:80px; height:50px;.p10;
		border-left: 1px solid #f6f7fb;
		img{.roundedCorners(@radius:15px);width: 30px; height: 30px;.dib;.vm;}
		button{width: 80px; border:1px solid #3bb7d9; color: #3bb7d9; padding:3px 5px;.mb10;.roundedCorners(@radius:3px)}
		button.bg_blue { color: #fff; }
		.bg_gray { color: #fff; border: none;}
	}
	p{
		.pa; width: 100%; left: 0;bottom:10px;.ac;border-top:1px solid #f6f7fb;padding-top: 5px;
		font-size: 14px; color: #adadb3;
	}
	h6 {
		.pa;left:-10px; top: 10px; width: 60%; color: #fff; .roundedCorners(@radius:10px);
		font-size: 12px; font-weight: normal;.ac; padding: 2px 0;
	}

}

// 俱乐部列表
.club-bg { 
	background: url(../images/bg/clubbg.jpg) no-repeat top center; background-size:100% 100%;
	padding: 10px 10%;font-size: 14px;
	
	header { 
		.p10; .ac;.pr;
		img {
			width: 100px; height: 100px;.db; margin: 5px auto; 
			background: url(../images/4.jpg) no-repeat top center; background-size:100% 100%;
		}
		color: #fefefe;
	}
	.img-box{ 
	 width: 100px; height: 100px;left: 50%;top: 15px;position: absolute; margin-left: -50px; border: none;

	}

	h5 { color: #fefefe;line-height: 30px; .mt10; }
	input,textarea,select {
	 color: #a6a6a6;border: 1px solid #fff; background: transparent;.roundedCorners(@radius:5px);
	 height: 20px; line-height: 20px; padding: 10px 5%; width:90%; outline: none;
	}
	textarea {height:50px;}
	select { width: 49%; .dib; .vm;height: 40px;  }
	select:hover { }
	#found {
		color: #fff; width: 100%; height: 44px; line-height: 44px; font-size: 17px;
		.roundedCorners(@radius:22px); background:#22c5e5; 
	}
	#found:hover {  background:#54d8f2}
}
// 创建俱乐部
.none { width: 40%; margin: 10px auto;.db;}
.recruit { 
	font-size: 14px;.dis-b;.box-align(@align:left,@vertical:center);.pr;
	.line-gray-bottom(@num:10px);
	img {height:20px; width: auto; margin-right: 5px;.db;}
	padding: 15px 10px; .color_gray; font-size: 14px; 
	a{
		font-size: 13px; .color-blue; border: 1px solid #22c5e5;.roundedCorners(@radius:3px); .pa;
		width: 40px; height: 20px; line-height: 22px;.db;.ac;margin-left: 10px;right: 10px; top: 50%;margin-top: -10px;
	}
	&.bg-blue {
	 background:#bcedf7 ;color: #3bb7d9;
	 img{margin-right: 10px; height: 30px;}
	}
	p{ width: 70%; padding-left: 3%}
}
// 招募公告

.round-tab { 
	.dis-b; .box-align(@align:center,@vertical:center);.p10;.pr; z-index: 9; background: #fff;
	a{.flex(@part:1);.color_gray; font-size: 14px;.db;border:1px solid #e1e2e3;.ac;height: 30px; line-height: 30px;  }
	a.on {color: #fff; background:#22c5e5; border: 1px solid #22c5e5;}
	a:first-child {.roundedCorners(@radius:5px 0 0 5px);}
	a:nth-child(2) {border-width:1px 0}
	a:last-child {.roundedCorners(@radius:0 5px 5px 0);}
}
// 圆角tab 
.straight {
	background-image:url(../images/icon/club.png),url(../images/icon/club-lucency.png),url(../images/icon/club-lucency.png),url(../images/icon/club.png);
	background-position:5% center, 20% center,80% center,95% center;
	background-size:auto 50px,auto 40px,auto 40px,auto 50px;
	background-repeat: no-repeat;
	background-color:#22c5e5;
	.m10;  .roundedCorners(@radius:5px); padding: 15px; color: #fff; .pr;
	font-size: 17px; .ac;padding-bottom: 40px; line-height: 30px;
	p{font-size: 14px; }
	span { .pa; color: rgba(255, 255, 255, 0.6); bottom: 10px; right: 10px; }
	i {.dib; .vm;}
 }
// 直通车样式表
.certificate {
	background:url(../images/bg/club-zsbg.jpg) repeat-x; .m10; font-size: 17px; color: #fff; .ac; 
	height: 44px; line-height: 44px; background-size: auto 44px;.roundedCorners(@radius:5px 5px 0 0);
}

// 俱乐部证书

// 赛季纪录

.pao-share { 
	background: url(../images/bg/paobg.jpg) no-repeat center top; 
	background-size: 100% auto; 
	img { width: 100%; margin-bottom: -50px;}
	dl{ padding:20px 0; width: 80%; margin: 0 auto;.ac; line-height: 23px; }
	dt { 
		color: #ffd21e; font-size: 17px; .p10;
		background: url(../images/icon/wirte-line.png) no-repeat center center;
		background-size: 100% auto;
	}
	dd {font-size: 15px; color: #fff; }
	.pao-join {
		 width: 150px; height: 50px; line-height: 50px; .db; margin:10px auto 0;
		
		 background: url(../images/img/pao_btn.png) no-repeat;
		 background-size: 100% 100%;
	 }
	.border-gold {
		border-width: 27px 27px 45px 27px;border-style: solid;color:#d5601c;
		line-height: 30px;
  		-webkit-border-image: url(../images/bg/paoshare.png)  54 54 94 54 stretch;
  		p{ font-size: 12px; line-height:18px; .mt10;}
	}

}
// 跑么杯分享页
.pao-tier {
	background: #fff; .roundedCorners(@radius:10px); width:80%; left: 10%; .ac; position: fixed;
	top:30%;
	.tier-title {
		.roundedCorners(@radius:10px 10px 0 0);
		height: 40px; line-height: 35px; 
	}
	.tier-text { color:#4f4f4f;font-size: 17px; padding: 30px 0;}
	.tier-btn {color: #3bb7d9; height: 45px; line-height: 45px;border-top:1px solid #e1e2e3; }
	// 创建战队弹框
	.pao-close {
	 width:30px; height: 45px; background:url(../images/icon/pao-close.png) no-repeat; 
	 background-size:100% 100%; .pa; right: 0; top: -45px;
	}
	// 关闭弹框按钮
	.user-datum {
		.pr;padding: 50px 10px 10px; 
		.imaginary {;border-bottom:1px dotted #e1e2e3; .mb10;.pb10;}
		img {
		 width: 60px;height: 60px;.roundedCorners(@radius:35px);.pa;top: -30px;left: 50%;
		 margin-left: -30px; border:5px solid #fff;
		}
		h4{.f17; background: none}
		p{.p5; color: #adadb3; font-size: 13px;.ac;}
	}
	// 用户数据弹框
	.user-btn {
		a{
			.dib;color: #3bb7d9; border:1px solid #3BB7D9;.roundedCorners(@radius:20px); 
			font-size:15px; margin: 10px 5px; height:35px; line-height:35px;.vm;width:43%;
		}
		// a:hover {background: #22c5e5; color:#fff; }
	}
	// 用户数据弹框 按钮
	.energy-list {
		.dis-b;
		li{
			.db;.flex(@part:1);.roundedCorners(@radius:10px);width: 49px; height: 49px; 
			margin: 15px 5px; border: 1px solid #b1d9a4;line-height: 49px;.ac;color: #72b45d;
			font-size: 24px;font-weight: bold;background: #fafff8;
			&.on{background: #b1d9a4; color: #fff;}
		}
	}
	// 正能量列表

}
.set-bounced { 
	background: #fff; width: 130px; font-size: 16px; padding: 5px 10px; .pa;right:10px;top:70px;z-index: 10;
	.roundedCorners(@radius:5px);
	a { border-bottom:1px solid #e1e2e3;height:35px; line-height:35px; .ac;.db;}
	a:last-child{border-bottom: none;}
	&:before {
		.pc;width:0px;height:0px;overflow:hidden;border-width:10px;right: 14px;top: -19px;
		border-color: transparent transparent #fff transparent;
		border-style: solid;
           // border-style: dashed    dashed    solid    dashed  ;
       }
}
//设置小按钮白色弹框 
.right-line{ border-right:1px solid #eff0f0; }
.user-datum-list{
	.dis-b;
	li{
		.db; font-size: 12px;.flex(@part:1);margin: 10px 0;color: #adadb3;
		b{.db;font-size: 17px;padding: 5px 0;color:#4f4f4f;}
	}
}
.tier-colonel {
	background: #fff;text-align: left;padding: 10px;
	img{ width: 32px; height: 32px;.roundedCorners(@radius:16px);.dib;.vm; .mr10;}
}
// 跑么杯弹窗
.pao-expect { 
	background: url(../images/bg/expect.jpg) no-repeat center top; 
	background-size: 100% 100%; 
	.expect-img{width: 100%; margin: 80px auto 30px;} 
	
	.kgz {
	 display: block; border:1px solid #3bb7d9; width: 100px; height: 30px; line-height: 30px; margin:20px auto;
	 .roundedCorners(@radius:5px);
	}
	
}
.countdown {
		color: #fff;.ac;width: 100%; color: #fff;
		h4{font-weight: bold; font-size: 25px;.mb10; letter-spacing:5px}
		div{
			background: url(../images/img/expect.png) no-repeat center top;
			background-size: 100% 100%; line-height: 35px;
			width:80%;margin:10px auto;
			padding:10px 25px 15px 25px;
			span {.pr;background: #3b7cba;font-size:30px;width: 18%;.dib;.vm;}
			span:nth-child(2n){background: none; font-size: 12px;width: 10px;padding: 0;margin: 0;}
		}
		p{ font-size: 29px; letter-spacing: 3px;}
	}
// 跑么杯敬请期待
.pao-me {
	background: url(../images/img/pao.jpg);background-size: 100% 100%;min-height:70px;
	.pr; padding: 10px 10px 10px 86px; font-size: 12px;line-height: 20px;color: #fff;
	.box-align(@align:left,@vertical:center);.dis-b;
	span{font-size: 16px; }
	img:first-child { 
		width: 66px; height: 66px; .roundedCorners(@radius:33px);
		left: 10px; top:50%; margin-top:-33px;
	}
	img:last-child { width: 51px; height: 51px; right: 10px; top: 10px;top:50%; margin-top:-25px;}
	img{.pa; }
	p{ padding:5px;}
}
// 中心 个人信息
.cs-data{
	margin: 10px; background:#d3e6ee; .roundedCorners(@radius:10px);padding: 15px 10px;
	li:first-child {fonr-size:17px; .ac;}
	li:nth-child(2) {color: #22c5e5; font-size: 15px;margin: 15px 0;.ac;letter-spacing: 2px;}
	li:nth-child(3) {color: #22c5e5; font-size: 15px; font-weight: bold;.ac;}
	li:nth-child(4) {
		color: #adadb3; font-size: 14px; background: #fff; width: 80%; height: 25px;
		line-height: 25px; margin: 15px auto;.roundedCorners(@radius:13px);.ac;
	}
	a{ 
		padding: 2px 10px; border: 1px solid #22c5e5; font-size: 12px; color: #22c5e5;
		.roundedCorners(@radius:3px); margin-right: -46px;
	}

	.me-data {
		font-size: 12px; color: #4f4f4f; line-height:30px;
	}
	.line-white { border-bottom: 1px solid #f9f9fa;}
}

.data-info {
	font-size: 14px;overflow: hidden;
	li{
		.pr;margin: 10px;line-height: 40px; font-size: 14px;.plr10; color: #fff;
		.roundedCorners(@radius:13px 13px 0 0);background: #c5e1ec;
		&:before { 
			.pc; width: 120%; height: 10px;border-bottom: 1px solid #e4e4e4;
			 background: -webkit-linear-gradient(top, rgba(225,225,225,0) 50%, rgba(0,0,0,0));
			 bottom: 0; left: -10px; 
		}
		span {font-size: 12px;}
	}
	li:nth-child(1){background:#c5e1ec;}
	li:nth-child(2){background:#bddae6;}
	li:nth-child(3){background:#b1d2e0;}
	li:nth-child(4){background:#a1c5d4;}
}
// 赛季实时数据信息
.else-info {
	li{ 
		height: 50px; line-height: 50px; font-size: 15px; color: #4f4f4f; .ml10; 
		border-bottom: 1px solid #e1e2e3;
	}
	i{ 
		.dib; .vm; width:50px; height:50px; background:url(../images/icon/pao.png) no-repeat;
		.mr10;-webkit-transform:scale(0.5);margin-left: -13px; 
	}
	i.book { background-position: 0 0; }
	i.award { background-position: 0 -50px;  }
	i.heart { background-position: 0 bottom; }
}
// 我的战队其他信息

// 跑么杯个人中心
.pao-lobby {
	background: url(../images/bg/paome.jpg) no-repeat;.ac;position: fixed;width: 100%; top: 0;left:0;z-index: 15;
	background-size: 100% auto; color: #fff; font-size: 14px; 
	h3{ font-size: 19px;width: 100% }
	*{.dib; .vm; }
	img { width: 10px; height: auto;}
}
.nav-position { width: 100%; position: fixed;z-index: 15;top:97px;}
// 跑么杯头部
.pao-notice{
	dd{.pr; padding-left: 35px;}
	img { width:20px; height:23px;.pa;left:10px; top:50%; margin-top: -12px;}
	a{ border-left:1px solid #e1e2e3;.ml5; .pl10;}
}
// 跑么杯公告
.elite-top{
	a{ display:block; width:30%;font-size: 13px; color:#4f4f4f; .ac; .flex(@part:1);.pr;}
	a:nth-child(2){border-left:1px solid #e1e2e3; border-right:1px solid #e1e2e3; }
	i {
		background: url(../images/icon/lobby.png) no-repeat;.db;margin: -10px auto;
		width:80px; height: 80px;  -webkit-transform:scale(0.7) ;
		img{width:80px; height: 80px;}
	}
	.topimg{ width:76px; height:76px; .roundedCorners(@radius:38px);.pa;right:-55%;top:0%;}
	.admire { background-position:0 0 ;margin-left:-5px}
	.one { background-position:0 -80px; margin-left: -5px}
	.popularity { background-position: 0 -160px; margin-left: -5px}
	.popularity-cs { background-position:0 -240px; }
	.lively { background-position:0 -320px ;}
	.mileage-cs { background-position:0 bottom ; }
	dd{.p10;.dis-b;.box-align(@align:center,@vertical:top);padding-top: 0;}
}
// 荣誉墙 top10
.spokesperson { 
	img {width: 40px; height: 40px; .roundedCorners(@radius:22px); .db; margin: 0 auto 5px;}
	ul{.dis-b; .box-align(@align:center,@vertical:center); margin-top:-15px; padding: 15px 10px; }
	li:nth-child(1) {margin-right: 10px; display: block; }
	li{ .flex(@part:1);.ac;.Multi-hd(@line:1);font-size: 11px;min-width: 40px;}
}
// 明星代言人
.praise-list {
	.num {
		width: 52px; height: 66px; .ac;line-height: 66px;font-size: 34px;color: #4f4f4f;
		.pa;left:0px;transform:scale(0.5);top:0;.bold;
		font-family: "微软雅黑"
	}
	img{.pa; left:55px; width: 40px; height: 40px; .roundedCorners(@radius:20px;)}
	.praise{position: absolute; width:60px;right: 10px; top: 10px;.ar;color: #22c5e5;font-weight: 700;}
	li{padding: 10px 110px 10px 110px; .line-gray;.pr;height: 40px;line-height: 40px;.omit;}
	li:nth-child(1) .num{background:url(../images/icon/icon7.png) no-repeat; background-position:0 0px}
	li:nth-child(2) .num{background:url(../images/icon/icon7.png) no-repeat; background-position:0 -66px}
	li:nth-child(3) .num{background:url(../images/icon/icon7.png) no-repeat; background-position:0 -132px}
}
// 名人堂排行榜
.discussion{
	.pr;
	.topic-input { position: fixed; top: 145px; width: 100%; background: #fff; z-index: 10;}
	input {
		background: #f5f7fa;width:90%;margin-left:3%; height: 20px; line-height: 20px; outline: none;
		padding: 5px 2%; bottom:60px;word-wrap: break-word; word-break: normal;
	}
	.send {
		width: 40px; height:30px;.ac;  bottom:0px;right: 10px; background: #adadb3; color: #fff; .roundedCorners(@radius:0 5px 5px 0;);
		font-size: 12px; line-height:30px;.pa;
		
	}
	.on{ background: #3ebbe4;}
}
.discussion-list{
	li{.pr; padding:10px 10px 0px 52px; }
	.other:last-child p { border: none;}
	img {width: 32px; height: 32px;.pa;top:10px; left: 10px; }
	span{.db;}
	span:first-child{font-size: 13px;}
	span:nth-child(2){font-size: 10px;color: #adadb3;}
	span:last-child{font-size: 12px;}
	p{ border-bottom:1px solid #efefed; .pb10;}
	.oneself{
		 padding:10px 52px 0px 10px;
		 
		img{left:auto;right: 10px;}
		p{.ar;border: none;border-bottom:1px solid #efefed;}
	}
}
// 跑么杯大厅
.pao-news {
	font-size: 15px; background: #fff;
	li{padding: 10px 10px 10px 0; margin-left: 10px;.line-gray;.pr;}
	li:last-child{border: none;}
	span{.omit; width: 60%;}
	img { width: 48px; height: 48px;  .roundedCorners(@radius:24px); .dib;.vm; margin-right: 5px;}
	a,.time {
		.pa; right:10px; top:10px; height: 25px; line-height: 25px;.f14; .color_gray;

	}
	a{
		top:50%; margin-top:-13px;border: 1px solid #22c5e5;color:#22c5e5;padding: 0 5px;
		.roundedCorners(@radius:2px);
	}
	//跑么杯
}
.remove {
		li{ margin-left: 40px; }
		i{
		 .pa;width: 22px; height: 22px; .roundedCorners(@radius:11px);background:#ff3b30;color:#fff;
		 left:-30px; top: 50%; margin-top:-11px; text-align: center;
		}
	}
// 跑么杯消息
.intro { width: 96%; height:100px; padding:2%; .pr;border: none;outline: none; font-size: 14px; color:#adadb3;}
.intro-a { .db; width:90%; margin-left:5%;.roundedCorners(@radius:5px);background: #22c5e5; color: #fff; height:40px; line-height:40px;.ac; }
.medal-box { 
		background-size:55% auto;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute; width: 100%; height: 100%;left:0; top: 0; z-index: 33;
	}
	// 5
	.medal-boxl { 
		background-size:60% auto;
		background-position: center top;
		background-repeat: no-repeat;
	}
	// 6
	.medal-boxp { 
		background-size:60% auto;
		background-position: center top;
		background-repeat: no-repeat;
	}
	// p
	.medal-bg { 
		background-image: url(../images/img/titb.png);
		
	}
	.medal-hbg { 
		background-image: url(../images/img/tit.png);
	}
	.medal-ebg { 
		background-image: url(../images/img/tit2.png);
	}
.pao-certificate {
	.pr;height: 100%;
	.medal {width:80%; .db; margin: 14% auto 4%; }
	// 奖牌图片
	.medal-box { 
		background-size:55% auto;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute; width: 100%; height: 100%;left:0; top: 0;
	}
	// 5
	.medal-boxl { 
		background-size:60% auto;
		background-position: center top;
		background-repeat: no-repeat;
	}
	// 6
	.medal-boxp { 
		background-size:60% auto;
		background-position: center top;
		background-repeat: no-repeat;
	}
	// p
	.medal-bg { 
		background-image: url(../images/img/titb.png);
		
	}
	.medal-hbg { 
		background-image: url(../images/img/tit.png);
	}
	// 悬浮背景
	.content {margin: -45px -35px -120px;}
	// 证书主题内容
	.img_list { 
		width: 100%;.ac;
		img { width: 36px; height: 36px; .roundedCorners(@radius:18px);  margin:10px 1%;}
	}
	// 明星成员列表
	.zs-data {
		width: 200px;margin:5px auto 15px;.ac;font-size: 24px;color: #a28255;
		-webkit-border-image: url(../images/img/paosl.png) 30 stretch;
		border-style: solid;border-width: 10px 15px;
		span { font-size: 14px; color: #6d6e70;.mt10; }
		b{font-size: 19px; color: #395570; }
		
	 }
	// 得奖战队数据
}
.jf-data{font-size: 11px; color: #6d6e70;}
.blue-border {-webkit-border-image: url(../images/bg/paoj.png)  340 150 stretch;}
// 蓝色证书
.red-border {-webkit-border-image: url(../images/bg/paohj.png)  340 150 stretch;}
// 红色证书
.zs-bg{border-style: solid;border-width: 140px 75px;}
// 证书背景统用
.acquisition {
	.ac; color: #6d6e70; font-size: 14px; 
	img{.dib;.vm; height: 9;width: 25%; margin: 0 5px; height: 9px;}
	img:last-child {-webkit-transform:rotate(180deg);}
}
.acquisition-list {
	width:100%;.dis-b; overflow-x: scroll;.box-align(@align:center,@vertical:center);
	li {.db;.flex(@part:1); margin: 10px 1%;.ac;color: #6d6e70; font-size: 12px;}
	i{
		width: 63px; height: 63px; display: block; background: url(../images/img/paoz.png) no-repeat 0 0;
		margin: -12px auto;
		-webkit-transform:scale(0.5);
		-mos-transform:scale(0.5);
		-o-transform:scale(0.5);
		transform:scale(0.5);
	}
	.icon-zs {background-position: center 0; }
	.icon-jp {background-position: right top; }
}
.share-box {
	background: url(../images/img/repest.jpg) repeat;.pr;
	.user-img{ width: 90px; height: 90px; .roundedCorners(@radius:45px); .db; margin:0px auto ;}
	.praise {.db; width: 80%; margin: 0 auto -80px;}
	.share-bg{
	 background: url(../images/img/paof.jpg) no-repeat center 0;padding-top:35px;
	 background-size: 100% auto;
	}
	.countdown div{ transform: scale(0.7); margin: -5px 0;}
	.gift-box {
		.pa; right: 10px; top: 10px; width:50px; padding-top:40px;  .ac;
		background: url(../images/img/lh.png) no-repeat center top;font-size: 10px;color: #99c7ff;
		background-size: 40px 35px;
	}
	.rank-box {
		width:270px; height:50px;padding: 20px;margin: 0 auto;font-size: 15px; color: #4b7bb5;.ac;line-height: 25px;
		background:url(../images/img/bg.png) no-repeat;
		background-size:310px 90px;
	}
	.share-list {
		width: 90%; margin: 60px auto 20px;border-top: none; .roundedCorners(@radius:0 0 15px 15px);
		background:url(../images/img/bg-blue.png) repeat;
		img{margin-right: 5px;}
		&:before {
			.pc; width: 100%;  height: 60px; background: url(../images/img/bgt.png) no-repeat center 0;
			background-size: 100% 100%;top: -50px;content: "点赞榜";font-size: 14px; color: #fed149; font-weight: 900; text-indent: 26px; line-height: 38px;
		}
		&:after {.pc; content: "累计点赞"; font-size: 12px; color: #99c7ff; top: -7px; right:5px; width: 50px; height: 15px;}
		li{margin-left: 0;}
		.days {.ac; color: #fff; width: 45px;.f16;}
		li:nth-child(1) .days {color: #e74b4f;}
		li:nth-child(2) .days {color: #c38039;}
		li:nth-child(3) .days {color: #f7dc67;}
		li:last-child{border:none;}

	}
}
.color-btn {
	.ac;
	a {
		width: 316px;height: 101px; background: url(../images/img/btn.png) no-repeat;.dib;.ac; margin: 0px -80px -25px;
		line-height:75px;font-size: 35px; color: #fff; .scale(@scale:0.45);
	}
	a:last-child{ background-position: right 0; }
}
.champion {
	.img-pmb {
		border-image:url(../images/img/pao.png) 300 0 0 0 stretch;
		border-style: solid;
		border-width:  150px 0 0 0 ;
	 	width: 100%; 
	}
	img {width: 100%; .db;}
	.bei-img {margin-top: -15px;}
	
}
.yellow-btn {
	.db; width: 60%; height:50px; line-height:45px; font-family: "黑体";.ac;.roundedCorners(@radius:15px);
	color: #fff;font-weight: bold;font-size: 27px;margin: 0 auto; margin-top: 15px; letter-spacing:4px;
	-webkit-background-image:url(../images/img/l.png) ,url(../images/img/btn-h.jpg?v=1);
	-moz-background-image:url(../images/img/l.png) ,url(../images/img/btn-h.jpg?v=1);
	-o-background-image:url(../images/img/l.png) ,url(../images/img/btn-h.jpg?v=1);
	background-image:url(../images/img/l.png) ,url(../images/img/btn-h.jpg?v=1);
	background-repeat: no-repeat, repeat-x;
    background-position: 93% 3px,0 0;
	background-size: 20% auto,auto 100%;
}
.red-btn {
	.db; width: 60%; height:50px; line-height:45px; font-family: "黑体";.ac;.roundedCorners(@radius:15px);
	color: #fff;font-weight: bold;font-size: 27px;margin: 0 auto; margin-top: 15px; letter-spacing:4px;
	-webkit-background-image:url(../images/img/l.png) ,url(../images/img/btn-red.jpg?v=1);
	-moz-background-image:url(../images/img/l.png) ,url(../images/img/btn-red.jpg?v=1);
	-o-background-image:url(../images/img/l.png) ,url(../images/img/btn-red.jpg?v=1);
	background-image:url(../images/img/l.png) ,url(../images/img/btn-red.jpg?v=1);
	background-repeat: no-repeat, repeat-x;
    background-position: 93% 3px,0 0;
	background-size: 20% auto,auto 100%;
}
.yellow-share { 
	background: #fff5d9; .roundedCorners(@radius:5px;);
	img{width: 100%; margin:-15px 0 -40px;}
	.btn-share {
		padding-bottom: 15px;
		a { font-size: 17px; width: 40%; .dib;.vm;margin: 5px;height:40px; line-height:35px; .roundedCorners(@radius:10px);}
	}
	.share-title {.f14;color: #bc7c3a; line-height: 20px; letter-spacing: 2px; }
}
.address-list {
	width:70%; margin: 10px auto;
	li{
		padding: 10px 0; .pr;padding-left:50px;
		span {.pa;height: 100%; color: #fff;font-size: 16px; top: 0;left:0;line-height: 60px;}
		input,select{ width: 96%;height:25px; line-height:25px;padding: 0 2%;outline: none;color: #adadb3;}
		select { width:48%;}
	}
}
.red-title {
	background: url(../images/img/img02.png) no-repeat;height: 55px; width: 80%; margin: 0 auto;
	background-size: 100% 100%;color: #fff;font-size: 20px;line-height: 35px;
	font-weight: 900; letter-spacing: 10px;
	text-shadow:1px 1px 1px #900d10,-1px -1px 1px #900d10,1px 1px 1px #900d10,-1px -1px 1px #900d10,1px -1px 1px #900d10,-1px 1px 1px #900d10;
}
.jp-list {
	width: 80%; margin:10px auto;border:1px solid #c67828;font-size: 13px;
	color: #fb3449;padding: 10px 0; line-height: 23px;.pr;
	&:before{
		.pa;.pc; width:70px; height:60px; background: url(../images/img/img2.png);
		background-size: 100% 100%; bottom:-25px; right: -25px;
		transform:rotate(-9deg);
	}
}
.hao-box { 
	width:65%; margin: 0 auto; font-size: 11px;border: 1px solid #c67828; background: #fff;
	margin-bottom: 10px;font-size: 16px; color: #fb3449;
}
.explain-box { width:70%; margin: 0 auto; font-size: 11px;}
.today-data {
	dd{font-size: 11px;}
	dd:last-child{padding-left: 0;}
	dd:nth-of-type(1){.pr; padding-left:68px; }
	img { width:48px; height:48px; .pa; top: 0; left: 15px;}
	h3{font-size: 15px; color: #4f4f4f; .mb5;}
	div{.dis-b;color: #adadb3;}
	span{.db;.flex(@part:1); .ac;}
	b{.db; font-size: 13px; color: #4f4f4f;padding: 3px 0}
	p{color: #4f4f4f;.p10;}
}
.share-tips {
	background: #fffcdf;color: #fc701e;font-size: 13px; padding: 5px 6% 5px 2%;.pr;
	// position: fixed;width: 92%; top: 0; left: 0;z-index: 99;
	img{.pa;width: 20px; height: 20px; right: 5px; top: 50%;margin-top: -10px; }
	// .san{
	// 	width:0px;height:0px;overflow:hidden;border-width:10px;.pa;right: 15px;top: -20px; z-index: 99;
	// 	border-color: transparent   transparent red transparent;
	// 	border-style: solid;
	// 	border-style: dashed    dashed    solid    dashed;
	// }
}